$(function () {
    getUserInfo()

    $('#btnLogout').on('click', function () {
        layui.layer.confirm('确定退出登录？', { icon: 3, title: '提示' },
            function (index) {
                sessionStorage.removeItem('token')
                location.href = '/login.html'
                layer.close(index)
            })
    })
})
function getUserInfo() {
    $.ajax({
        method: 'get',
        url: '/my/userinfo',
        //响应报文中 协议状态码为200时调用
        success: function (res) {
            console.log(res);
            //如果身份验证失败，则跳回到登录页
            if (res.status !== 0) return
            //如果身份证验证成功，则将返回的登录用户信息 渲染到页面
            renderInfo(res.data)
        },
        console() { },
       
    })
}
//渲染头部区域
function renderInfo(usrInfo) {
    //获取显示的名称
    const usrName = usrInfo.nickname || usrInfo.username
    console.log(usrName);
    //显示名称
    $('.welcome').html('欢迎：' + usrName)
    //渲染图片
    if (usrInfo.user_pic) {
        //设置 并显示图片头像
        $('.layui-nav-img').attr('src', usrInfo.user_pic).show()
        //隐藏文字头像
        $('.text-avatar').hide()
    } else {//渲染设置 文字头像
        //设置并显示图片头像
        $('.layui-nav-img').hide()
        //隐藏 文字头像
        $('.text-avatar').text(usrName[0].toUpperCase()).css('display', 'inline-block')
    }
}